<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>应急指挥辅助决策系统</title>
</head>

<style type="text/css">
	li.no_click {
		margin-top: 10px;
		height: 37px;
		width: 169px;
		list-style-type: none;
		text-indent: 38px;
		font-size: 14px;
		margin: 0;
		border-bottom: 1px solid #E3EAF0;
		line-height: 37px;
	}
	
	li.current {
		background: url("../images/spit_back.png") no-repeat scroll 0 0
			transparent;
		border-bottom: medium none;
		list-style-type: none;
		height: 37px;
		width: 169px;
		text-indent: 38px;
		font-size: 14px;
		margin: 0;
		border-bottom: 1px solid #E3EAF0;
		line-height: 37px;
		color: #white;
	}
	
	ul {
		margin: 0;
		padding: 0;
	}
	
	a:link {
		text-decoration: none;
	}
	
	a:visited {
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	a:active {
		text-decoration: none;
	}
}
</style>
<body>
	<div id="main_container"
		style="width: 1024px; Margin-Right: auto; Margin-Left: auto;">
		<div id="top_id" align="center">
			<img src="../images/bg_t.png" width="1024px" />
		</div>

		<div id="main_id">
			<div id="left_id"
				style="width: 170px; height: 550px; background-color: #66CCCC; float: left">

				<ul>
					<li id="li_tree_1" class="no_click"><a href="./addCategory.html" target="main_frame"  id="a_add_user" style="color: black;">新建分类</a></li>
					<li id="li_tree_2" class="no_click"><a href="./categoryList.html" target="main_frame"  id="a_user_manager"  style="color: black;">分类管理</a></li>
					<li id="li_tree_3" class="no_click"><a href="./addGoods.html" target="main_frame" id="a_room_list" style="color: black;">新建商品</a></li>
					<li id="li_tree_4" class="no_click"><a href="./goodsList.html" target="main_frame" id="a_room_set" style="color: black;">商品管理</a></li>
					<li id="li_tree_5" class="no_click"><a href="./modifyPassword.html" target="main_frame" id="a_modify_password" style="color: black;">密码修改</a></li>
					<li id="li_tree_6" class="no_click"><a href="#" id="a_logout" style="color: black;">退出系统</a></li>
				</ul>
			</div>

			<div id="right_id" style="float: left;">
				<iframe src="./addCategory.html" id="main_frame_id" name="main_frame"
					style="width: 850px; border: 0px"></iframe>
			</div>
		</div>

	</div>
	<script type="text/javascript" src="../js/jquery1.9.1.js"></script>
	
	<script>
		$(function(){
			//左边树菜单样式控制
			$("[id^='li_tree']").each(
				function(){
					$(this).mouseover(function(){
						$(this).removeClass("no_click");
						$(this).addClass("current");
						$(this).find("[id^='a_']").css("color","white");
					});
					$(this).mouseout(function(){
						$(this).removeClass("current");
						$(this).addClass("no_click");
						$(this).find("[id^='a_']").css("color","black");
					});
				}		
			);
			
			//退出系统
			
			$('#a_logout').click(
				
				function(){
					if(!confirm("确定要退出系统!")){
						return;
					}
					jQuery.ajax({
						type : 'Get',
						contentType : 'application/json',
						url : '../login/logout.do',
						dataType : 'json',
						success : function(obj) {
							if (obj.result)
								location.href = "./login.html";
						},
						error : function(data) {
							alert("error")
						}
					});
				}		
			);
		});
	</script>
</body>
</html>